import React from 'react'
import PersonsCss from "../index.module.css"
import { Select, Input,Button } from 'antd';
const { Option } = Select;
export default function One() {
    return (
        <div>
            <table className={PersonsCss.topTable}>
                <tr >
                    <td style={{ textAlign: "center" }}>
                        姓名
                    </td>
                    <td>
                        <Input defaultValue="输入姓名" maxLength={80} />
                    </td>
                    <td style={{ textAlign: "center" }}>
                        人员类型
                    </td>
                    <td>
                        <Select style={{ width: '100%' }} defaultValue="请选择">
                            <Option value="Home">1</Option>
                            <Option value="Company">2</Option>
                        </Select>
                    </td>
                    <td style={{ textAlign: "center" }}>
                        身份
                    </td>
                    <td>
                        <Select style={{ width: '100%' }} defaultValue="请选择身份">
                            <Option value="Home">身份1</Option>
                            <Option value="Company">身份2</Option>
                        </Select>
                    </td>
                </tr>
                <tr>
                    <td style={{ textAlign: "center" }}>
                        手机号
                    </td>
                    <td>
                        <Input defaultValue="请输入手机号" maxLength={80} />
                    </td>
                    <td style={{ textAlign: "center" }}>
                        楼栋户室
                    </td>
                    <td>
                        <Select style={{ width: '100%' }} defaultValue="请选择">
                            <Option value="Home">楼栋户室1</Option>
                            <Option value="Company">楼栋户室2</Option>
                        </Select>
                    </td>
                    <td style={{ textAlign: "center" }}>
                        有无车辆
                    </td>
                    <td>
                        <Select style={{ width: '100%' }} defaultValue="请选择有无车辆">
                            <Option value="Home">有</Option>
                            <Option value="Company">无</Option>
                        </Select>
                    </td>
                </tr>
                <tr>
                    <td style={{ textAlign: "center" }}>
                        人脸图像
                    </td>
                    <td>
                        <Select style={{ width: '100%' }} defaultValue="请选择人脸图像">
                            <Option value="Home">人脸图像1</Option>
                            <Option value="Company">人脸图像2</Option>
                        </Select>
                    </td>
                    <td>

                    </td>
                    <td>

                    </td>
                </tr>
            </table>
            <div className={PersonsCss.topDiv}>
                <Button type="primary" style={{marginRight:"15px"}}>
                    搜索
                </Button>
                <Button style={{marginRight:"15px"}}>
                    重置
                </Button>
                <Button type="primary"style={{marginRight:"15px"}}>
                    下载
                </Button>
            </div>
        </div>
    )
}
